10 עדכונים מ-Google I/O 2025: קרוסלות CSS, כלי פיתוח מבוססי-AI, Prompt API עם יכולות מולטימודיאליות ועוד

תאריך פרסום: 20 במאי 2025

ב-Google I/O 2025 הצגנו תכונות חדשות שיעזרו לכם לשפר את הפרודוקטיביות ולפתח אינטרנט חזק, חלק ומודרני יותר.

ריכזנו כאן 10 חידושים מרכזיים שמעניקים לכם יכולות מתקדמות, ואנחנו בטוחים שהם יעוררו בכם השראה לפרויקט הבא.

1. קל יותר מתמיד ליצור קרוסלות באמצעות כמה שורות של CSS ו-HTML

איך יוצרים קרוסלות יפים ב-CSS שאינטראקטיביים כבר מהציור הראשון. בגרסת Chrome 135 הוספנו רכיבים בסיסיים חדשים של CSS – פיצול שניתן לעיצוב, רכיבי סמן גלילה ולחצני גלילה – שמפשטים את יצירת הקרוסלה בלי JavaScript. שימוש במושגים מוכרים של CSS כדי ליצור קרוסלות עשירות, אינטראקטיביות, חלקות ונגישות יותר, בחלק מזמנכם.

ב-Pinterest, שהתחילו להשתמש בקרוסלה של CSS בשלב מוקדם, חל קיצוץ של 90% בקוד, מ-2,000 שורות של JavaScript ל-200 שורות של CSS.

2. חלונות קופצים מילוליים: אנחנו משיקים את Interest Invoker API החדש

ה-API הניסיוני של Interest Invoker זמין כגרסת ניסיון למקור. בעזרת התכונה הזו, אפשר להחליף באופן דקלרטיבי את מצב התצוגה של חלונות קופצים כשהעניין של המבקרים פעיל למשך זמן קצר. שלום למאפיין [title] שלא ניתן לעצב אותו, וברוך הבא [interesttarget]! אפשר לשלב אותו עם Anchor Positioning API ו-Popover API כדי ליצור רכיבי ממשק משתמש עשירים, תגובה מיידית ואינטראקטיביים, כמו טיפים או כרטיסי מעבר, בלי JavaScript. האפשרויות הן אינסופיות עם CSS מודרני!

בעזרת קרוסלות, Anchor Positioning API,‏ Popover API ו-Interest Invoker API, יצרנו חוויית צפייה עשירה בכנס המפתחים שלנו.

3. יש כמה ממשקי AI מובנים שמשתמשים במודלים מובילים כמו Gemini Nano, וכעת הם כוללים יכולות מולטי-מודאליות ב-Prompt API

אנחנו ממשיכים את המסע שלנו בתחום ה-AI המובנה, ומציעים לכם פרטיות משופרת, זמני אחזור קצרים יותר ועלות נמוכה יותר, יחד עם גישה לתוצרים באיכות גבוהה שנוצרו על ידי AI. ה-AI המובנה משתמש במודלים של מומחים וב-Gemini Nano, המודל היעיל ביותר של Google, לביצוע משימות במכשיר. החל מגרסה 138 של Chrome, ממשקי ה-API Summarizer API,‏ Language Detector API,‏ Translator API ו-Prompt API להרחבות של Chrome זמינים בגרסה היציבה. בנוסף, Writer API ו-Rewriter API זמינים בגרסת המקור לניסיון.

ה-Proofreader API החדש, יחד עם Prompt API עם יכולות מולטי-מודליות, זמינים ב-Chrome Canary.

כדי לקבל את המידע העדכני ביותר, כדאי להצטרף לתוכנית ההצגה המקדימה שלנו כדי לשתף פעולה בפיתוח ממשקי API מובנים חדשים ל-AI ולעצב את עתיד ה-AI באינטרנט.

ב-Deloitte Engineering Platform ניסו את ממשקי ה-API של Prompt,‏ Summarizer,‏ Writer ו-Rewriter כדי ליצור חוויית קליטה מותאמת אישית ושיטה מהירה יותר למתן משוב, וכתוצאה מכך צפוי שהזמן לאחזור מידע יתקצר ב-30%. [^1]
Adobe התנסתה ב-Prompt API עם יכולות מולטימודיות בתוסף Acrobat ל-Chrome, שמאפשר למשתמשים ליצור סיכומים באופן מיידי מקובצי PDF סרוקים ולאמת מידע קריטי מהר יותר באמצעות Acrobat AI Assistant – והכול ישירות ב-Chrome.

4. AI בצד הלקוח מורחב באמצעות Firebase ו-Gemini Developer API כדי לספק פתרון AI היברידי

בעקבות שיתוף הפעולה שלנו עם Firebase ו-Gemini Developer API, עכשיו אפשר ליצור חוויות אינטרנט מבוססות-AI בנייד ובמחשב. האפליקציות האלה משתמשות ב-AI בצד הלקוח כשהדבר אפשרי, ומתאמות את עצמן בצורה חלקה ל-AI בצד השרת כדי להגיע לכל המכשירים והדפדפנים. החל מהיום, Firebase AI Logic מספק גישה חלקה ל-Prompt API המובנה של Chrome, שמבוסס על Gemini Nano ועל מודלים קטנים יותר דומים בצד השרת באמצעות Gemini Developer API.

5. כלי פיתוח מבוססי-AI ל-Chrome תומכים בתהליך ניפוי הבאגים שלכם בכל הנוגע לעיצוב, לביצועים ועוד

בעזרת הסיוע של AI, תוכלו להתכתב בצ'אט עם Gemini כדי לקבל עזרה בניפוי באגים של שגיאות בסגנון בחלונית Elements, בפתרון בעיות בביצועים בחלונית Performance, בזיהוי בעיות ברשת בחלונית Network ובאיתור קובצי מקור בחלונית Sources. בנוסף, עכשיו אפשר להחיל את השינויים של AI שקשורים לעיצוב ישירות על קוד המקור בחלונית Elements.

בסרטון האחרון שלנו תוכלו לראות את התכונות החדשות ביותר שנוספו לכלי הפיתוח ל-Chrome.

6. נתונים של משתמשים אמיתיים, תובנות מ-Lighthouse ותכונות AI בחלונית הביצועים של כלי הפיתוח ל-Chrome עוזרים לכם להבין בעיות בביצועים ולפתור אותן

בעזרת לוח הביצועים החדש, עכשיו אפשר לגשת לנתוני Core Web Vitals מקומיים ומנתוני משתמשים אמיתיים ולבקש מ-Gemini לעזור לכם להבין ולפתור בעיות בביצועים. סרגל הצד של התובנות מציג תובנות מ-Lighthouse בתוך הטרייסים, ומאפשר לכם לנפות באגים מהר יותר – בלי לצאת מתהליך העבודה או להפריע לפרודוקטיביות.

7. תכונות הבסיס זמינות עכשיו בכלים המוכרים שלכם: VS Code,‏ ESLint ועוד

שיפור הדיוק והביטחון בתהליך הפיתוח של אתרים באמצעות שילוב של Baseline. בכלים המוכרים לפיתוח אינטרנט תוכלו לקבל תמונה ברורה לגבי הזמינות של תכונות האינטרנט בדפדפנים העיקריים:

  • סביבת פיתוח משולבת (IDE): VSCode מציג עכשיו את סטטוס הבסיס של התכונות בזמן ה-build. בקרוב תהיה תמיכה ב-WebStorm של JetBrains ובסביבות פיתוח משולבות שמבוססות על VS Code, כולל Firebase Studio,‏ Windsurf,‏ GitHub Codespaces ועוד.
  • כלי איתור שגיאות בקוד: כלי איתור שגיאות בקוד של CSS ו-HTML יכולים להזהיר מראש כשמשתמשים בתכונה חדשה יותר מהיעד הבסיסי. יש תמיכה ב-Baseline ב-ESLint ל-CSS, ב-HTML ESLint וב-Stylelint.
  • Analytics: RUMvision משלבת נתוני Baseline עם מדדי משתמשים אמיתיים, ומאפשרת לכם לבחור באופן אסטרטגי את גרסת Baseline האופטימלית לקהל שלכם. משתמשי Google Analytics יכולים להעלות את הנתונים שלהם אל כלי לבדיקת נתוני יסוד ב-Google Analytics כדי לקבל המלצות לגבי נתוני יסוד.
  • קומפילרים: אפשר להשתמש ב-browserslist-config-baseline כדי לחבר את יעדי Baseline לכלים שלכם לקומפילציית קוד, כמו Babel ו-PostCSS, וכך להשתמש בתכונות מודרניות בקוד המקור ולקמפל אותן ב-builds של ייצור.

8. לקבל תצוגה מקיפה של התמיכה בתכונות האינטרנט באמצעות מרכז הבקרה של פלטפורמת האינטרנט

בשנה שעברה הכרזנו על לוח הבקרה של פלטפורמת האינטרנט, דרך לבחון את הנתונים של תכונות האינטרנט שממפה את כל פלטפורמת האינטרנט כקבוצה של תכונות. מעכשיו, 100% ממערך הנתונים של תכונות האינטרנט ממופה, ופעם ראשונה בהיסטוריה אפשר לראות את סטטוס הבסיס של כל תכונה בכל דפדפן – מ-AVIF ועד למעברי תצוגה – כולל הזמינות וההטמעה שלהן. חשוב להיות מעודכנים ולפתח בביטחון.

9. גרסת ניסיון למפתחים לחוויית כניסה פשוטה יותר באמצעות Credential Manager

אנחנו מבינים את הקשיים ששימוש בכמה שיטות אימות, כולל סיסמאות, איחוד שירותי אימות הזהות ומפתחות גישה, יכול לגרום למשתמשים באתרים שלכם. המטרה שלנו היא לספק למשתמשים חוויית כניסה מאוחדת וקלה, ולכן אנחנו מוסיפים ל-Chrome את חוויית השימוש האינטואיטיבית של מנהל פרטי הכניסה של Android. בקרוב, כשמשתמשים ילחצו על כניסה, Chrome יציג את פרטי הכניסה שזמינים לאתר הזה, כמו מפתחות גישה וסיסמאות ממנהל הסיסמאות של Google, וכך הכניסה תהיה חלקה. אנחנו מתכננים להוסיף את איחוד שירותי אימות הזהות גם לחוויה הזו. Credential Manager לאינטרנט נמצא עכשיו בגרסת ניסיון למפתחים. בקרוב נעדכן אתכם לגבי עדכונים נוספים.

10. עריכת גרסאות חוזרות של תוספים ל-Chrome מהר יותר עם היכולת לבטל את בדיקת ההגשה

שליחת התוסף ל-Chrome אמורה להיות חלקה, ללא דאגות ומרגשת! עם זאת, אנחנו יודעים שאחד מהבעיות הייתה חוסר היכולת לתקן במהירות שגיאה בטופס ששלחתם בהמתנה. מוקדם יותר השנה הוספנו את האפשרות לבטל שליחה בהמתנה, שמבוססת על היכולת לבטל גרסה שפורסמה בעבר. המטרה היא לאפשר לכם לבצע שינויים ולשלוח מחדש במהירות.

כדי לקבל את כל המידע העדכני, אתם מוזמנים להיכנס לאתרים developer.chrome.com ו-web.dev כדי לקבל מידע נוסף על האופן שבו אנחנו יוצרים אינטרנט חזק וקל יותר לשימוש. מומלץ גם ליצור איתנו קשר ב-X, ב-YouTube וב-LinkedIn. נתראה בכנס I/O הבא!


המונח Deloitte מתייחס לאחת או יותר מהחברות הבאות: Deloitte Touche Tohmatsu Limited,‏ חברה פרטית בערבון מוגבל בבריטניה ('DTTL'), רשת החברות החברות בה והישויות הקשורות להן. DTTL וכל אחת מהחברות החברות בה הן ישויות משפטיות נפרדות ועצמאיות. DTTL (שנקראת גם Deloitte Global) לא מספקת שירותים ללקוחות. בארצות הברית, המונח Deloitte מתייחס לאחת או יותר מהחברות החברות ב-DTTL בארה "ב, לישות הקשורות שלהן שפועלות בשם Deloitte בארה"ב ולחברות הבת שלהן. יכול להיות שחלק מהשירותים לא יהיו זמינים ללקוחות שמאשרים בהתאם לכללים ולתקנות של חשבונאות ציבורית. מידע נוסף על הרשת הגלובלית של חברות החברות שלנו זמין בכתובת www.deloitte.com/about.